<script setup>
import { useUser } from "@/store";
const store = useUser();
console.log(store.userName);
defineProps({
  msg: String,
});
const handler = () => {
  store.userName = "sajdhaksjl";
};
</script>

<template>
  <el-button @click="handler()" type="success"><i-ep-SuccessFilled />Success</el-button>
  <el-button type="info"><i-ep-InfoFilled />Info</el-button>
  <el-button type="warning"><i-ep-WarningFilled />Warning</el-button>
  <el-button type="danger"><i-ep-WarnTriangleFilled />Danger</el-button>
  <el-button type="info"><svg-icon icon-class="car" />SVG 本地图标</el-button>
  <svg-icon class="ml-10px" color="yellow" size="30px" icon-class="list" />
  <svg-icon class="ml-10px" color="blue" size="30px" icon-class="user" />
  <svg-icon class="ml-10px" color="green" size="30px" icon-class="car" />
  <div>{{ store.userName }}</div>
</template>

<style lang="scss" scoped>
.box {
  width: 100px;
  height: 100px;
  background-color: $bg-color;
}
</style>
